<template>
	<view class="">
		<!--  -->
		<view class="dakbtt">
			<image src="../static/image/system/daka.png" mode=""></image>
		</view>
		<view class="mainpadding " style="position: relative; top: -230rpx;">
			<view class="xiaobaitext">已签到1天</view>
			<view class="margin_top">
				<ren-calendar ref='ren' :markDays='markDays' :headerBar='true' :collapsible="false"
					@onDayClick='onDayClick' @changeyue="changeyue"></ren-calendar>
			</view>
			<view class="flexright margin_top">
				<view class="flexleft margin_right4">
					<view class="lvdian margin_right1"></view>
					<view class="strongtext xiaohei nofonweight">已签到</view>
				</view>
				<view class="flexleft margin_right4">
					<view class="huand margin_right1"></view>
					<view class="strongtext xiaohei nofonweight">当前日期</view>
				</view>
			</view>
		</view>
		<!-- 固定底部 -->
		<view class="gudingdb ffffff mainpadding">
			<view class="flexbetween">
				<view class="strongtext xiaohei nofonweight">剩余课时费不足，请尽快续费</view>
				<view class="xiaobtnty">去充值</view>
			</view>
		</view>
	</view>
</template>

<script>
	const httpRequest = require("@/common/httpRequest.js")
	export default {
		data() {
			return {
				markDays: [],
			}
		},
		onReady() {
			let today = this.$refs.ren.getToday().date;
			this.curDate = today;
			this.getqdDay(today.slice(0, 7))
		},
		methods: {
			changeyue(e) {
				// this.getqdDay(e)
			},
			onDayClick(e) {

			},
		}
	}
</script>

<style lang="scss" scoped>
	.huand {
		width: 16rpx;
		height: 16rpx;
		background: #F76222;
		border-radius: 50%;
	}

	.lvdian {
		width: 16rpx;
		height: 16rpx;
		background: #1BA95B;
		border-radius: 50%;
	}

	page {

		background: #F9F9F9;
	}

	.xiaobaitext {
		font-size: 48rpx;
		font-family: PingFang SC-Bold, PingFang SC;
		font-weight: bold;
		color: #FFFFFF;
	}

	.dakbtt {
		width: 100%;
		height: 424rpx;

		image {
			width: 100%;
			height: 100%;
		}
	}
</style>